<style type="text/css">
    div.rainbowPhotoUserProfileWidget {
        padding:10px 0;
    }
    div.rainbowPhotoUserProfileWidget img {
        width:12%;
        margin:10px 20px 10px 0;
        float:left;
    }
</style>
<div class="rainbowPhotoUserProfileWidget lineUserProfileWidget">
    <a href="/rainbow/album/of/user/{{ photo_instance.user.id }}/list">
        <img src="/static/rainbow/images/0/default.jpeg"/>
    </a>
    <a href="/rainbow/album/of/user/{{ photo_instance.user.id }}/list">
        <label style="font-size:36px;">{{ photo_instance.user.profile.nickname.value }}</label>
    </a>
    <br/>
    <label>发布于：</label>
    <label >{{ photo_instance.publish_ms }}</label>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        var widget = $("div.lineUserProfileWidget");
        var img = widget.find("img");
        widget.css({
            height:img.width() + 2 * 10,
            "line-height":(img.width() + 2 * 10) / 2 + "px"
        })
    });
</script>